<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./三角棋盘五子棋.css">
    <script src="./三角棋盘五子棋.js"></script>
    <title>三角棋盘五子棋™️</title>
</head>

<body>
    <div id="online-ID">ID:<span></span></div>
    <div id="tip"><span id="tipText">当前</span></div>
    <div id="main-wrapper">
        <!-- 由于设置了z-index属性,以下层次不能更改 -->
        <div id="chessboard-top-mask">
        </div>
        <div id="chessboard-bottom-mask"></div>
        <div id="chessboard"></div>
    </div>
    <div id="menu">
        <button class="menu-btn" id="start">开始游戏</button>
        <button class="menu-btn" id="withdraw">我要悔棋</button>
        <button class="menu-btn" id="ai">开启人机</button>
        <button class="menu-btn" id="online">联机对战</button>
    </div>
    <audio id="stoneSound">
        <source src="./assets/drop.mp3" type="audio/mpeg">
    </audio>
    <audio id="cheer">
        <source src="./assets/cheer.mp3" type="audio/mpeg">
    </audio>
</body>

</html>